.layout {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.aside-content {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}

@media screen and (max-width: 600px) {
  pre{
    overflow-x: scroll!important;

  }
  .aside {
    width: 160px;
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 3;

  }
  .header {
    &.menu {
      display: block;
    }

    .header-title {
      display: none;
    }

    .logo {
      flex-grow: 1;
      display: flex;
      justify-content: center;
    }

    .space{
      display: none;
    }

  }



}


@media screen and (min-width: 600px) {
  .header {
    .menu {
      display: none;
    }
  }
}